<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">


  <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" rel="stylesheet">
  <!--  <link rel="stylesheet" th:href="@{/s/css/bootstrap.css}">-->
  <title>商品详情</title>
</head>
<body>


<div class="container">
  <div class="row">
    <div class="col p-2">
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">
            <img style="width: 10%" th:src="@{/s/log.png}">
          </a>
          <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
                  class="navbar-toggler" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse"
                  type="button">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a aria-current="page" class="nav-link active" th:href="@{fount_product_list}" }>首页</a>
              </li>
              <li class="nav-item">
                <a aria-current="page" class="nav-link active" th:href="@{fount_inform_list}">通告</a>
              </li>
              <li class="nav-item dropdown">
                <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"
                   id="navbarDropdown"
                   role="button">
                  Dropdown
                </a>
                <ul aria-labelledby="navbarDropdown" class="dropdown-menu">
                  <li><a class="dropdown-item" href="#">Action</a></li>
                  <li><a class="dropdown-item" href="#">Another action</a></li>
                  <li>
                    <hr class="dropdown-divider">
                  </li>
                  <li><a class="dropdown-item" href="#">Something else here</a></li>
                </ul>
              </li>
              <li class="nav-item">
                <a aria-disabled="true" class="nav-link disabled" href="#" tabindex="-1">Disabled</a>
              </li>
            </ul>
            <form class="d-flex">
              <input aria-label="Search" class="form-control me-2" placeholder="Search" type="search">
              <button class="btn btn-outline-success" type="submit">Search</button>
            </form>
          </div>
        </div>
      </nav>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <div class="card">



        <!--        <div class="row">-->
        <!--          <div class="col-sm-3" th:each="book:${pageInfo.list}">-->

        <!--            <div class="card" style="width: 18rem;">-->
        <!--              <img class="card-img-top" style="width: 50%" th:src="${book.picture}">-->
        <!--              <div class="card-body">-->
        <!--                <h5 class="card-title">-->
        <!--                  <th style="width: 300px" th:text="${book.name}">Mark</th>-->
        <!--                </h5>-->
        <!--                <p class="card-text">-->
        <!--                <th style="width: 200px" th:text="${book.price}"></th>-->
        <!--                </p>-->
        <!--                <a class="btn btn-primary" th:href="@{${'fount_details_list?'+book.id}}">详情</a>-->
        <!--              </div>-->
        <!--            </div>-->

        <div class="card" style="width: 80rem;">

          <!--/*@thymesVar id="product" type="com.zxm.ssm.entity.Product"*/-->
          <img class="card-img-top" style="width: 60%; margin: 0 auto" th:src="${product.picture}">
          <div class="card-body">
            <h5 class="card-title">
              <div class="card-header">
                <span th:text="${product.name}"></span>
              </div>
            </h5>
            <p class="card-text" th:text="${'简介：'+product.intro}"></p>
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item" th:text="${'价格：'+product.price}"></li>
            <li class="list-group-item" th:text="${'库存：'+product.count}"></li>
            <li class="list-group-item" th:text="${'售出：'+product.count}"></li>
            <li class="list-group-item" th:text="${'发货地址：'+product.address}"></li>
            <li class="list-group-item" th:text="${'上架时间：'+#dates.format(product.createTime, 'yyyy-MM-dd')}"></li>
          </ul>
          <div class="card-body">
            <a th:href="@{system_maintenance}" class="btn btn-primary" >购买</a>
            <a th:href="@{fount_product_list}" class="btn btn-primary">回首页</a>
          </div>
        </div>
      </div>
    </div>


    <!--        <div class="card-body">-->
    <!--          <table class="table">-->
    <!--            <thead>-->
    <!--            <tr>-->
    <!--              <th scope="col">#</th>-->
    <!--              <th scope="col">商品名</th>-->
    <!--              <th scope="col">商品介绍</th>-->
    <!--              <th scope="col">商品价格</th>-->
    <!--              <th scope="col">商品库存</th>-->
    <!--              <th scope="col">商品图片</th>-->
    <!--              <th scope="col">售出数量</th>-->
    <!--              <th scope="col">发货地址</th>-->
    <!--              <th scope="col">上架时间</th>-->
    <!--              <th scope="col">操作</th>-->
    <!--            </tr>-->
    <!--            </thead>-->
    <!--            <tbody>-->
    <!--            <tr th:each="book:${pageInfo.list}">-->

    <!--              <th th:text="${book.id}"></th>-->

    <!--              <th style="width: 300px" th:text="${book.name}">Mark</th>-->

    <!--              <th style="width: 200px" th:text="${book.intro}"></th>-->

    <!--              <th style="width: 200px" th:text="${book.price}"></th>-->

    <!--              <th style="width: 100px" th:text="${book.count}">Mark</th>-->

    <!--              <th>-->
    <!--                <img style="width: 50%" th:src="${book.picture}">-->
    <!--              </th>-->

    <!--              <th th:text="${book.number}"></th>-->

    <!--              <th th:text="${book.address}"></th>-->

    <!--              <th style="width: 200px" th:text="${#dates.format(book.createTime, 'yyyy-MM-dd')}">Mark</th>-->
    <!--              <th>-->
    <!--                <a th:href="@{${'/book/edit?id='+book.id}}" title="编辑">-->
    <!--                  <svg class="bi bi-pencil" fill="currentColor" height="16" viewBox="0 0 16 16"-->
    <!--                       width="16" xmlns="http://www.w3.org/2000/svg">-->
    <!--                    <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/>-->
    <!--                  </svg>-->
    <!--                </a>-->
    <!--                <a onclick="delConfirm(event,this.href)" th:href="@{${'/book/del?id='+book.id}}" title="删除">-->
    <!--                  <svg class="bi bi-trash" fill="currentColor" height="16" viewBox="0 0 16 16" width="16"-->
    <!--                       xmlns="http://www.w3.org/2000/svg">-->
    <!--                    <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>-->
    <!--                    <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"-->
    <!--                          fill-rule="evenodd"/>-->
    <!--                  </svg>-->
    <!--                </a>-->
    <!--              </th>-->

    <!--            </tr>-->
    <!--            </tbody>-->
    <!--          </table>-->
    <!--        </div>-->

    <!--        <div class="card-footer">-->
    <!--          <nav aria-label="...">-->
    <!--            <ul class="pagination">-->
    <!--              <li class="page-item" th:classappend="${pageInfo.isFirstPage}?'disabled'">-->
    <!--                <span class="page-link" th:href="@{${'/fount/fount_product_list?pageNum='+(pageInfo.pageNum-1)}}">&laquo;</span>-->
    <!--              </li>-->
    <!--              <li class="page-item" th:classappend="${p==pageInfo.pageNum}?'active'"-->
    <!--                  th:each="p:${pageInfo.navigatepageNums}">-->
    <!--                <a class="page-link" href="#" th:href="@{${'/fount/fount_product_list?pagNum='+p}}" th:text="${p}">1</a>-->
    <!--              </li>-->
    <!--              <li class="page-item" th:classappend="${pageInfo.isLastPage}?'disabled'">-->
    <!--                <a class="page-link">&raquo;</a>-->
    <!--              </li>-->
    <!--            </ul>-->
    <!--          </nav>-->
    <!--        </div>-->

  </div>
</div>

</div>
<div class="row">
  <div class="col">
    <p class="text-center">咸鱼商城，值得信赖&copy;</p>
  </div>
</div>
</div>
</div>

<script crossorigin="anonymous"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<script>
  function delConfirm(event, href) {
    event.preventDefault();
    if (window.confirm("确定删除？？？")) {
      window.location.href = href;
    }
  }
</script>
</body>
</html>